@layout("/common/_testCommon.html"){
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<style>
    .zhangjiebg {
        background: url(${ctxPath}/static/img/images/beitibg.jpg) repeat-y;
        background-size: 100%;
    }

    .beititit {
        max-width: 640px;
        margin: 0 auto;
        padding: 0px;
        text-align: center;
    }

    .beitixuanzhe {
        background: url(${ctxPath}/static/img/images/beiti4.png) no-repeat;
        max-width: 600px;
        max-height: 516px;
        display: block;
        overflow: hidden;
        background-size: 100%;
        margin-top: 2rem;
        margin: 0 auto;
    }

    .beitixuanzhe ul li {
        list-style: none;
        float: left;
        width: 50%;
    }

    .beitixuanzhe ul {
        display: block;
        overflow: hidden;
    }

    .menu02 img {
        width: 80%;
    }

    .beitixuanzhe ul li img {
        width: 79%
    }

    .menu02 li {
        list-style: none;
        float: left;
        width: 50%;
    }

    .menu02 li {
        list-style: none;
        float: left;
        width: 30%;
    }

    .menu02 {
        margin-left: 55px
    }
</style>
<title>章节选择</title>
</head>

<body class="zhangjiebg">
<div class="beititit">
    <img src="${ctxPath}/static/img/images/cuotizj.png" width="333">
</div>
<div class="beitixuanzhe">
    <ul style="margin-top: 92px;margin-left: 56px;">
        <div id="kounei">
            <li><img src="${ctxPath}/static/img/images/beitixm1.png"></li>
        </div>
        <div id="koujie">
            <li><img src="${ctxPath}/static/img/images/beitixm2.png"></li>
        </div>
    </ul>
    <ul style="margin-top: 20px;margin-left: 56px;">
        <div id="kouwai">
            <li><img src="${ctxPath}/static/img/images/beitixm3.png"></li>
        </div>
        <div id="kouxiu">
            <li><img src="${ctxPath}/static/img/images/beitixm4.png"></li>
        </div>
    </ul>
    <ul style="margin-bottom: 86px;margin-left: 56px;">
        <div id="yywh">
            <li><img src="${ctxPath}/static/img/images/beitixm5.png"></li>
        </div>
        <div id="qita">
            <li><img src="${ctxPath}/static/img/images/beitixm6.png"></li>
        </div>
    </ul>
</div>
<ul class="menu02">
    <li id="fanhui"><img src="${ctxPath}/static/img/images/beiti5.png"></li>
    <li id="qingkong"><img src="${ctxPath}/static/img/images/qingkong.png"></li>
    <li id="zhuye"><img src="${ctxPath}/static/img/images/beiti2.png"></li>
</ul>
<script src="${ctxPath}/static/modular/theTest/theTest/cuoti.js"></script>
@}